<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TK科技有限公司</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 引入 reset.css 必须放在其他样式表前，防止覆盖其他css -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2600434_f5jv33kjbhq.css">

</head>

<body>
    <!-- 头部 -->
    <header>
         <!-- 服务热线 -->
         <h4 class="w">
            <div class="connection">全国服务热线：400-000-0000</div>
            <div class="right">
                <a href="#">设为首页</a>
                <a href="#">加入收藏</a>
            </div>
        </h4>
        <!-- 导航栏 -->
        <div class="nav">
            <div class="w">
                <div class="left">
                    <div class="logo">
                        <img src="./images/Logo.jpg" alt="">
                    </div>
                    <ul class="company">
                        <li>TK科技有限公司</li>
                        <li>cer dcd keo Holdings Co., Ltd.</li>
                    </ul>
                </div>
                <ul class="shortcut">
                    <li>
                        <span><a href="01-index.html">首页</a></span>
                        <p><a href="01-index.html">Home</a></p>
                    </li>
                    <li>
                        <span><a href="#about">关于我们</a></span>
                        <p><a href="#about">About</a></p>
                    </li>
                    <li>
                        <span><a href="02-products.html">产品中心</a></span>
                        <p><a href="02-products.html">Products</a></p>
                    </li>
                    <li>
                        <span><a href="#">服务支持</a></span>
                        <p><a href="#">Service</a></p>
                    </li>
                    <li>
                        <span><a href="#News">新闻中心</a></span>
                        <p><a href="#News">News</a></p>
                    </li>
                    <li>
                        <span><a href="#">在线商店</a></span>
                        <p><a href="#">Shop</a></p>
                    </li>
                    <li>
                        <span><a href="#contact">联系我们</a></span>
                        <p><a href="#contact">Contact Us</a></p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 背景图片 -->
        <div class="banner">
            <img src="./images/banner.png" alt="">
            <!-- 小圆点 -->
            <ul>
                <li class="dot"></li>
                <li class="dot"></li>
                <li class="dot"></li>
                <li class="dot"></li>
            </ul>
        </div>
    </header>
    <!-- 主体 -->
    <div class="main">
        <!-- 第一排 -->
        <div class="first w">
            <div class="blue">
                <img src="./images/icon6.jpg" alt="">
                <span id= "News">新闻中心</span>
                <p>NEWS.CENTER</p>
                <div class="triangle"></div>
            </div>
            <div class="green">
                <img src="./images/icon7.jpg" alt="">
                <span>新品发布</span>
                <p>NEW.PRODUCTS</p>
                <div class="triangle"></div>
            </div>
            <div class="purple">
                <img src="./images/icon8.jpg" alt="">
                <span>品牌介绍</span>
                <p>INFORMATION</p>
                <div class="triangle"></div>
            </div>
        </div>
        <!-- 第二排 -->
        <ul class="second w">
            <li>
                <div class="up">
                    <h3>CeBIT 2015</h3>
                    <div class="CeBIT">
                        <img src="./images/pic1.jpg" alt="">
                        <p>
                            创新ICT共建全联接
                            世界德国汉诺威展览
                            中心 <br>
                            3月16日-20日
                        </p>
                    </div>
                </div>
                <ul class="down">
                    <li><span></span> <a href="#">上海国际智能建筑展览会</a></li>
                    <li><span></span> <a href="#">2014德国柏林国际消费类电子产品展览会</a></li>
                    <li><span></span> <a href="#">2014中国（贵阳）公告安全防范产品博览会</a></li>
                </ul>
            </li>
            <li>
                <img src="./images/pic2.jpg" alt="">
                <h2><a href="#">s6213w-y</a></h2>
                <h3><a href="#">海思3518E方案，多码流技术，百万高清</a></h3>
            </li>
            <li>
                <img src="./images/pic3.jpg" alt="">
                <span>
                    <a href="#">"siepem"品牌是广州市TK科技有限公司<br>
                        推出的自有品牌</a>
                </span>
            </li>
        </ul>
        <h2 class="aboutUs" id= "about">关于我们</h2>
        <div class="title">
             <span class="line"></span><span>STORE DISPLAY</span><span class="line"></span>
        </div>
        <div class="bg">
            <p>广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。<br>
                TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品<br>
                持续为客户创造最大价值。</p>
            <div class="picture">
                <img src="./images/图层 112.jpg" alt="">
                <img src="./images/图层 113.jpg" alt="">
                <img src="./images/图层 111.jpg" alt="">
                <img src="./images/图层 114.jpg" alt="">
                <img src="./images/图层 115.jpg" alt="">
            </div>
        </div>
        <h2 class="aboutUs" id= "contact">联系我们</h2>
        <div class="title">
            <span class="line"></span><span>STORE DISPLAY</span><span class="line"></span>
        </div>
        <div class="color"></div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="connect">
            <div class="left">
                <div class="contact_us">
                    <div class="code">
                        <img src="./images/图层 110 副本.jpg" alt="">
                        <p>微信扫一扫<br>关注我们相关的信息</p>
                    </div>
                    <ul class="num">
                        <li><i class="iconfont icon-tel"></i>服务热线：400-000-0000</li>
                        <li><i class="iconfont icon-renxiang"></i>联系人：某先生</li>
                        <li><i class="iconfont icon-youxiang"></i>公司邮箱：www.tk.com</li>
                        <li><i class="iconfont icon-fax"></i>公司传真：000-12345678</li>
                        <li><i class="iconfont icon-wendang"></i>邮政编码：467000</li>
                        <li><i class="iconfont icon-dizhi"></i>公司地址：广州市某某区某某路某号</li>
                    </ul>
                </div>
                <div class="map">
                    <!-- <img src="./images/图层 110 副本 2.jpg" alt=""> -->
                    <iframe src="./map.html" frameborder="0"></iframe>
                </div>
            </div>
            <div class="right">
                <form action="">
                    <h2>昵称</h2>
                    <input type="text">
                    <h2>联系电话</h2>
                    <input type="text">
                    <h2>电子邮箱</h2>
                    <input type="text">
                    <h2>内容</h2>
                    <textarea name="nr" id="txt" cols="84" rows="8"></textarea><br>
                    <input type="submit" value="提交" class="btn">
                </form>
            </div>
        </div>
        <div class="footer_center">
            <p>关注我们</p>
            <a href="#"><i class="iconfont icon-xinlangweibo"></i></a>
            <a href="#"><i class="iconfont icon-qq"></i></a>
            <a href="#"><i class="iconfont icon-weixin"></i></a>
        </div>
        <ul class="last_second">
            <li><a href="#">网站首页</a></li>
            <li>&bull;</li>
            <li><a href="#">新闻动态</a></li>
            <li>&bull;</li>
            <li><a href="#">关于我们</a></li>
            <li>&bull;</li>
            <li><a href="#">团队风采</a></li>
            <li>&bull;</li>
            <li><a href="#">联系我们</a></li>
            <li>&bull;</li>
            <li><a href="#">在线留言</a></li>
        </ul>
        <div class="last">
            <p>©2015 TK科技有限公司 版权所有沪ICP证13022560号-7 All Rights Reserved</p>
        </div>
    </footer>
</body>

</html>